﻿<phone:PhoneApplicationPage x:Class="DepSoft.Mobile.WP7.FollwIt.View.MovieSummaryPage"
                            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                            xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
                            xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
                            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                            xmlns:DepSoftFollwItFramework="clr-namespace:DepSoft.Mobile.WP7.FollwIt.Framework"
                            xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
                            xmlns:bewise="clr-namespace:Bewise.Phone;assembly=Bewise.Phone"
                            xmlns:c4ftoolkit="clr-namespace:Coding4Fun.Phone.Controls;assembly=Coding4Fun.Phone.Controls"
                            xmlns:interactivity="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
                            xmlns:wp7contribcontrolbehaviors="clr-namespace:WP7Contrib.View.Controls.Behaviors;assembly=WP7Contrib.View.Controls"                            
                            xmlns:gsextra="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WP71"
                            mc:Ignorable="d"
                            d:DesignWidth="480"
                            d:DesignHeight="768"
                            FontFamily="{StaticResource PhoneFontFamilyNormal}"
                            FontSize="{StaticResource PhoneFontSizeNormal}"
                            Foreground="{StaticResource PhoneForegroundBrush}"
                            SupportedOrientations="Portrait"
                            Orientation="Portrait"
                            shell:SystemTray.IsVisible="True"
                            DataContext="{Binding MovieSummaryViewModel, Source={StaticResource Locator}}">

    <toolkit:TransitionService.NavigationInTransition>
        <toolkit:NavigationInTransition>
            <toolkit:NavigationInTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardIn"/>
            </toolkit:NavigationInTransition.Backward>
            <toolkit:NavigationInTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardIn"/>
            </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
        <toolkit:NavigationOutTransition>
            <toolkit:NavigationOutTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardOut"/>
            </toolkit:NavigationOutTransition.Backward>
            <toolkit:NavigationOutTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardOut"/>
            </toolkit:NavigationOutTransition.Forward>
        </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>

    <shell:SystemTray.ProgressIndicator>
        <shell:ProgressIndicator x:Name="progressOverlay"
                                 IsIndeterminate="{Binding ProgressIndicatorVisible}"
                                 IsVisible="{Binding ProgressIndicatorVisible}"
                                 Text="{Binding ProgressIndicatorText}"/>
    </shell:SystemTray.ProgressIndicator>

    <Grid x:Name="LayoutRoot" Background="{StaticResource PageBackgroundBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Image HorizontalAlignment="Right" VerticalAlignment="Top" Source="/ApplicationIcon.png" Width="62"/>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel"
                    Grid.Row="0"
                    Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle"
                       Text="{Binding ApplicationTitle}"
                       Style="{StaticResource PhoneTextNormalStyle}" />
            <TextBlock x:Name="PageTitle"
                       Text="{Binding PageName}"
                       Margin="9,-7,0,0"
                       Style="{StaticResource PhoneTextTitle1Style}" />
        </StackPanel>
        <Grid x:Name="ContentPanel"
              Grid.Row="1"
              Margin="12,0,12,0">
        	<Border BorderBrush="{StaticResource PhoneForegroundBrush}" Height="215" Width="140" Margin="12,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"
        		Visibility="{Binding CoverVisible}">
                <!--DepSoftFollwItFramework:ImageExtension.Source="{Binding MovieSummary.MovieDetail.Cover}"-->
                <Image x:Name="CoverImage"
                       HorizontalAlignment="Center"
                       Width="140"
                       Height="210">
                    <Image.Source>
                        <BitmapImage UriSource="{Binding MovieSummary.MovieDetail.Cover}" CreateOptions="BackgroundCreation"/>
                    </Image.Source>
                </Image>
            </Border>
        	<Border BorderBrush="{StaticResource PhoneForegroundBrush}" Height="215" Width="140" Margin="12,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"
        		Visibility="{Binding NoCoverVisible}">
        		<Image Source="/DepSoft.Mobile.WP7.FollwIt;component/Images/nocover_182.jpg"
        			HorizontalAlignment="Center"
        			Width="140"
        			Height="210"
                       />
        	</Border>
        	<TextBlock TextWrapping="Wrap" Text="{Binding MovieSummary.MovieDetail.Year}" VerticalAlignment="Top" Margin="196,-8,177,0" Visibility="{Binding CoverVisible}" d:LayoutOverrides="Width"/>
        	<TextBlock TextWrapping="Wrap" Text="{Binding MovieSummary.MovieDetail.Certification}" VerticalAlignment="Top" Margin="196,28,177,0" Visibility="{Binding CoverVisible}" d:LayoutOverrides="Width"/>
            <bewise:RatingControl Score="{Binding MovieUserStats.Rating, Mode=TwoWay}" Height="29" Margin="196,82,130,0" VerticalAlignment="Top" Visibility="{Binding CoverVisible}">
                <interactivity:Interaction.Triggers>
                    <interactivity:EventTrigger EventName="Tap">
                        <gsextra:EventToCommand Command="{Binding SaveRatingCommand}"></gsextra:EventToCommand>
                    </interactivity:EventTrigger>
                </interactivity:Interaction.Triggers>
            </bewise:RatingControl>
            <ScrollViewer HorizontalAlignment="Left" Width="432" Margin="12,226,0,159">
        		<TextBlock TextWrapping="Wrap"
        			Visibility="{Binding CoverVisible}"
        			Text="{Binding MovieSummary.MovieDetail.Summary}"
        			VerticalAlignment="Top"
        			FontSize="{StaticResource PhoneFontSizeSmall}"/>
        	</ScrollViewer>
        	<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="0,0,0,92" Width="220">
                <c4ftoolkit:RoundToggleButton x:Name="ToggleOwn"
        			Visibility="{Binding CoverVisible}"
        			IsChecked="{Binding MovieUserStats.In_collection, Mode=TwoWay}" d:LayoutOverrides="GridBox" VerticalAlignment="Bottom" HorizontalAlignment="Left" Width="61" Height="53">
                    <interactivity:Interaction.Triggers>
                        <interactivity:EventTrigger EventName="Tap">
                            <gsextra:EventToCommand Command="{Binding SaveHaveCommand}"></gsextra:EventToCommand>
                        </interactivity:EventTrigger>
                    </interactivity:Interaction.Triggers>
                </c4ftoolkit:RoundToggleButton>
                <TextBlock TextWrapping="Wrap" Text="Have it" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="{StaticResource PhoneForegroundBrush}" FontSize="{StaticResource PhoneFontSizeLarge}" Visibility="{Binding CoverVisible}" Margin="12,0,0,0"/>
        	</StackPanel>
        	<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="0,0,0,36" Width="220">
                <c4ftoolkit:RoundToggleButton x:Name="ToggleSeen"
        			Visibility="{Binding CoverVisible}"
        			IsChecked="{Binding MovieUserStats.Watched, Mode=TwoWay}" d:LayoutOverrides="GridBox" VerticalAlignment="Bottom" HorizontalAlignment="Left" Width="61" Height="53">
                    <interactivity:Interaction.Triggers>
                        <interactivity:EventTrigger EventName="Tap">
                            <gsextra:EventToCommand Command="{Binding SaveWatchedCommand}"></gsextra:EventToCommand>
                        </interactivity:EventTrigger>
                    </interactivity:Interaction.Triggers>
                </c4ftoolkit:RoundToggleButton>
                <TextBlock TextWrapping="Wrap" Text="Seen it" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="{StaticResource PhoneForegroundBrush}" FontSize="{StaticResource PhoneFontSizeLarge}" Visibility="{Binding CoverVisible}" Margin="12,0,0,0"/>
        	</StackPanel>
        </Grid>

        <!--ContentPanel - place additional content here-->
        <!--<Image Margin="0,-32,0,0" Grid.RowSpan="2" Source="/DepSoft.Mobile.WP7.FollwIt;component/windowsphone_grid_red_transparent.png" Stretch="Fill"/>-->
    </Grid>

    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton x:Name="appbarButtonSave" IconUri="/icons/appbar.save.rest.png" Text="save"/>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
    <interactivity:Interaction.Behaviors>
        <wp7contribcontrolbehaviors:ApplicationBarIconButtonCommand TextKey="save"
                                                                    CommandBinding="{Binding SaveCommand}" />
    </interactivity:Interaction.Behaviors>-->
</phone:PhoneApplicationPage>